<script setup>

</script>

<template>
  <div class="box">
    <router-link to="/">my</router-link>
    <router-link to="/find">find</router-link>
    <router-link to="/friend">friend</router-link>
  </div>
  <router-view></router-view>
</template>

<style scoped>
.box {
  border: 1px solid #666;
  display: flex;
  justify-content: space-between;
  font-size: 30px;
  box-shadow: 0 0 30px;
}

a {
  text-decoration: none;
  color: #666;
}

a:hover {
  color: pink;
}
</style>
